<template>
  <div>
    <!-- <h3>
        我是父组件  -- {{  list }} -- {{ num }}
    </h3>
    <button @click="num+=1">
        点我num
    </button>---
    <button @click="list.push(list.length + 1)">
        点我
    </button> -->
    <!--  父向子传递数据 -->
    <!-- 1. 在子组件上自定义属性，把要传递的内容当场value传递过去 -->
    <!-- 2. 在子组件内部通过props来进行接受 -->
    <!-- <Son  :num="num"/> -->



    <!-- 子向父 -->
    <h3>
        我是父组件 -- {{ count }}
    </h3>
    <Son @send="fn"/>
  </div>
</template>

<script>
import Son from './Son.vue';
export default {
    name: "father-com",
    data() {
        return {
            list: [1, 2, 3],
            num: 888,
            count: null
        }
    },  
    components: {
        Son
    },
    methods: {
        fn(count) {
            this.count = count
            console.log(count)
        }
    }
}
</script>

<style>

</style>